<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" type="image/png" sizes="any" th:href="@{/svg/icon.png}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/default.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/update.css}">
    <title>更新日志 - 乔翼云 QoviCloud</title>
    <style></style>
</head>
<body>
    <div id="head-navi"></div>
    <div class="content">
        <h2>更新日志</h2>
        <div class="select-menu">
            <span><a onclick="website()" href="#">网页端</a></span>
            <span><a onclick="windows()" href="#win">Windows</a></span>
            <span><a onclick="android()" href="#android">Android</a></span>
        </div>
        <div id="website">
            <h3>2022-01-02</h3>
            <p>　完善了网站的介绍</p>
            <p>　新增页面间的链接</p>
            <h3>2021-12-31</h3>
            <p>　更新添加了首页的样式</p>
            <p>　使用嵌套模式的导航栏和页尾</p>
        </div>
        <div id="win">
            <h3></h3>
            <p>　暂无更新</p>
            <p>　</p>
        </div>
        <div id="android">
            <h3></h3>
            <p>　暂无更新</p>
            <p>　</p>
        </div>
        <br>
    </div>
    <div id="footer"></div>
</body>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
    let ws = document.getElementById("website");
    let win = document.getElementById("win");
    let adr = document.getElementById("android");

    $(document).ready(function() {
        $("#head-navi").load("head-navi");
        $("#footer").load("footer");
        ws.style.display = "block";
        win.style.display = "none";
        adr.style.display = "none";
    });

    function website(){
        console.log("我进来了");
        // let ws = document.getElementById("website");
        ws.style.display = "block";
        win.style.display = "none";
        adr.style.display = "none";
    }
    function windows(){
        // let win = document.getElementById("win");
        win.style.display = "block";
        ws.style.display = "none";
        adr.style.display = "none";
    }
    function android(){
        // let adr = document.getElementById("android");
        adr.style.display = "block";
        ws.style.display = "none";
        win.style.display = "none";
    }
</script>
</html>